<template>
  <div class="dingdanweixi" v-loading="loading">
    <div class="kflexbc" style=" background: #F8F8F8; color: #565656; line-height: 50px;">
      <div class="kflexc">
        <div style="width: 180px; cursor: pointer;" v-if="checkquanxian('L0601').length > 0 " v-for="item in tablists" :key="item.value" class="kflexcc" :class="search.tab_value == item.value?'act':'' " @click="jiekouchange(item.value)">{{item.title}}</div>
        <div style="width: 180px; cursor: pointer;" v-if="checkquanxian('L0602').length > 0 " class="kflexcc"   @click="$router.push('/dingdanweixi/dingdanweixi?act=1')">自定义维系订单</div>
        <!-- <div style="width: 180px; cursor: pointer;" v-if="checkquanxian('L0603').length > 0 " class="kflexcc"   @click="$router.push('/dingdanweixi/dingdanweixi?act=2')">专属订单维系</div> -->
      </div>

      <div class="kflexc" v-if="tracking_subscription == 1">
        <div style="color: rgb(102, 102, 102); margin-right: 10px;">订单维系功能开关</div>
        <div style="color: #2974FF; margin-right: 10px; cursor: pointer;" @click="dingyue(0)">点击关闭</div>
        <div style="padding-right: 20px;">
          <el-tooltip class="item" effect="light"
          	content="功能处于开启状态，会持续跟踪查询已发货订单物流信息，并产生查询费用0.028元/单，关闭后将不会再查询" placement="top">
          	<i class="el-icon-question" style="color: rgba(0, 0, 0, 0.65); font-size: 20px; cursor: pointer;"></i>
          </el-tooltip>
        </div>
      </div>

    </div>

    <div  style="padding: 20px;">
      <div style="margin-bottom: 20px;" v-if="act == 1"><el-button type="warning" round @click="peizhikai">配置订单列表</el-button></div>
      <div class="kflexc">

       <!-- <el-select v-model="search.sources" :reserve-keyword="true" style="margin-right: 20px;" multiple collapse-tags filterable clearable  placeholder="订单来源">
            <el-option :label="item.source_name" :value="item.source_name" v-for="(item,index) in sourcelist" :key="index"></el-option>
        </el-select>
        -->
        <el-select style="margin-right: 20px; margin-bottom: 20px;" v-model="search.source_type" @change="changelaiyuan" multiple collapse-tags clearable placeholder="订单来源分类">
          <el-option :label="item.channel_name" :value="item.id" v-for="(item,index) in source_types" :key="index"></el-option>
        </el-select>

        <el-select style="margin-right: 20px; margin-bottom: 20px;" v-model="search.source" multiple collapse-tags clearable filterable placeholder="订单来源">
          <el-option :label="item.source_name" :value="item.source_name" v-for="(item,index) in laiyuans" :key="index"></el-option>
        </el-select>

        <el-select style="margin-right: 20px; margin-bottom: 20px;" :reserve-keyword="true" v-model="search.good_sku" multiple collapse-tags clearable filterable placeholder="请选择商品编码">
        	<el-option v-for="(item,index) in allprolist2" :key="index" :label="item.title+' / '+item.fetch_code"	:value="item.id"></el-option>
        </el-select>
        <!-- <el-select style="margin-right: 20px;" v-model="search.call_status" clearable filterable placeholder="是否外呼联系过">
        	<el-option v-for="(item,index) in configs2.call_status" :key="index" :label="item.title" :value="item.value"></el-option>
        </el-select> -->
        <!-- <el-select style="margin-right: 20px;" v-model="search.sms_status" clearable filterable placeholder="是否短信联系过">
        	<el-option v-for="(item,index) in configs2.sms_status" :key="index" :label="item.title" :value="item.value"></el-option>
        </el-select> -->

        <el-select style="margin-right: 20px; margin-bottom: 20px;" v-model="search.order_call" clearable placeholder="是否拨打">
        	<el-option label="全部" :value="0">全部</el-option>
        	<el-option label="已拨打" :value="1">已拨打</el-option>
        	<el-option label="未拨打" :value="2">未拨打</el-option>
        </el-select>

        <el-select style="margin-right: 20px; margin-bottom: 20px;" v-model="search.call_status" multiple collapse-tags clearable placeholder="沟通结果">
        	<el-option label="未联系" value="1">未联系</el-option>
        	<el-option label="未接通" value="2">未接通</el-option>
        	<el-option label="已同意" value="3">已同意</el-option>
          <el-option label="不同意" value="4">不同意</el-option>
          <el-option label="后续跟进" value="5">后续跟进</el-option>
          <el-option label="有资源再联系" value="6">有资源再联系</el-option>
        </el-select>
        <el-select style="margin-right: 20px; margin-bottom: 20px;" v-model="search.active_status" multiple collapse-tags clearable filterable placeholder="激活状态">
        	<el-option v-for="(item,index) in configs2.active_status" :key="index" :label="item.title" :value="item.value"></el-option>
        </el-select>

        <el-button type="danger" round @click="searchgo">搜索</el-button>
        <el-button type="danger" round @click="daochux(0)">导出</el-button>
        <el-button type="danger" round @click="daochux(1)">导出明文</el-button>
      </div>


    </div>
    <div class="hei10"></div>

    <div style="padding:0 20px;" class="kflexcc" v-if="tracking_subscription == 0">
      <div style="padding-top: 200px;">
        <div style="text-align: center; color: rgb(51, 51, 51); margin-bottom: 40px;">当前功能尚未开通，点击下方按钮即可开通，开通后可随时关闭</div>
        <div style="margin-bottom: 100px;" class="kflexcc"><el-button type="danger" round @click="dingyue(1)">开通功能</el-button></div>
        <div style="text-align: center;color: rgb(153, 153, 153); margin-bottom: 20px;">开通后会跟踪已发货订单物流信息，当订单物流信息处于：派送中、已签收、已拒收时会将订单列在此处，方便沟通用户提升激活充值等概率</div>
        <div style="text-align: center;color: rgb(153, 153, 153);">该功能为增值收费功能，按照0.028元/单收取费用，同一订单多次查询仅收取一次费用</div>
      </div>
    </div>

    <div class="kflexbc" style="padding: 20px 20px 0; line-height: 20px;"  v-if="tracking_subscription == 1">
      <div class="kflexc">

        <el-button type="danger" @click="waihu2" round>外呼拨打</el-button>

      </div>
      <div class="kflexc">
        <div class="sj" @click="changetime(0)" :class="sjact == 0?'sjact':''">今日</div>
        <div class="sj" @click="changetime(1)" :class="sjact == 1?'sjact':''">昨日</div>
        <div class="sj" @click="changetime(3)" :class="sjact == 3?'sjact':''">最近3天</div>
        <div class="sj" @click="changetime(7)" :class="sjact == 7?'sjact':''">最近7天</div>
        <div class="sj" @click="changetime(15)" :class="sjact == 15?'sjact':''">最近15天</div>
        <div ><el-date-picker popper-class='w150' style="width: 450px;" @change="changetime(100)" v-model="time" :picker-options="pickerOptions" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" placeholder="选择日期时间"></el-date-picker></div>
      </div>
    </div>

    <div style="padding:0 20px;" v-if="tracking_subscription == 1">
      <div v-for="item in list" :key="item" style="margin-top: 20px;">
        <div style="background: rgb(243, 245, 248); padding: 10px; border-radius: 10px;">

          <div class="kflexbc" style="padding:10px 20px 20px;">
            <div class="kflexc" style="color: rgb(51, 51, 51); font-size: 14px; gap: 30px;">
              <div>订单ID：{{item.id}} <i class="el-icon-document-copy" style="color: #077ECE; font-size: 16px; margin-left: 10px; cursor: pointer;" @click="copy(item.id)"></i></div>
              <div>订单来源：{{item.source}} <i class="el-icon-document-copy" style="color: #077ECE; font-size: 16px; margin-left: 10px; cursor: pointer;" @click="copy(item.source)"></i></div>
              <div>外部订单编号：{{item.source_id}} <i class="el-icon-document-copy" style="color: #077ECE; font-size: 16px; margin-left: 10px; cursor: pointer;" @click="copy(item.source_id)"></i></div>
              <div>下单时间：{{item.created_at}}</div>
              <div>更新时间：{{item.updated_at}}</div>

              <el-tooltip popper-class="tooltip" effect="dark" placement="top">
              	<div slot="content">{{item.memo}}</div>
              	<div>

              		<span @click="choosecolorid(item.id,item.source_id)" :style="{color:item.flag,fontSize:25+'px',cursor:'pointer'}"	class="iconfont icon-flag-fill"></span>
              	</div>
              </el-tooltip>
            </div>
            <div class="kflexc">
              <el-tooltip v-if="item.complaint_job_id" popper-class="tooltip" effect="dark" placement="top">
                <div slot="content">该订单被用户投诉过，点击可查看详情</div>
                <div style="background: rgb(255, 31, 31); color: #fff; cursor: pointer; padding: 5px 7px; font-size: 12px; border-radius: 3px; " @click="todetail_s(item.complaint_job_id,item.complaint_job_status)">诉</div>
              </el-tooltip>
              <div style="background: rgb(255, 96, 200); color: #fff; cursor: pointer; padding: 5px 7px; font-size: 12px; border-radius: 3px; " v-if="item.is_fans" >粉</div>
              <div style="background: #FF9555; color: #fff; cursor: pointer; padding: 5px 7px; font-size: 12px; border-radius: 3px; " v-if="item.is_sub_order == 1" @click="checkzeng(item.main_order_id)">赠</div>
              <div style="background: rgb(255, 194, 43); color: #fff; cursor: pointer; padding: 5px 7px; font-size: 12px; border-radius: 3px; margin-left: 10px;" v-if="item.transfer_count > 0" @click="checkzhuan(item.id)">转</div>
            </div>
          </div>

          <div class="kflexc" style="gap: 5px;">
            <div style="padding: 12px 20px; flex: 1.4; background: #fff;">
              <div style="color: rgb(51, 51, 51); margin-bottom: 15px;">商品信息</div>
              <div style="font-size: 14px; color: rgb(102, 102, 102); height: 150px; overflow: hidden;">
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">商品名称：</div>
                  <div class="shengluehao">{{item.goods_name}}</div>
                </div>
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">商品编码：</div>
                  <div class="shengluehao">{{item.goods_sku}}</div>
                </div>
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">产品编码：</div>
                  <div class="shengluehao">{{item.product_name}}</div>
                </div>
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">购买号码：</div>
                  <div>{{item.plan_mobile || '无'}}</div>
                  <!-- <div style="color: rgb(0, 98, 255); margin-left: 10px; cursor: pointer;" @click="xiugaihaoma(item.plan_mobile)">修改</div> -->
                </div>
              </div>
            </div>

            <div style="padding: 12px 20px; flex: 1.4; background: #fff;">
              <div style="color: rgb(51, 51, 51); margin-bottom: 15px;" class="kflexc">
                <div>订单信息</div>
                <div style="color: rgb(0, 98, 255); margin-left: 10px; cursor: pointer; font-size: 14px;" @click="xiugaixinxi(item)">修改信息</div>
              </div>
              <div style="font-size: 14px; color: rgb(102, 102, 102); height: 150px; overflow: hidden;">
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">证件姓名：</div>
                  <div>{{item.id_card_name}}</div>
                  <div style="color: rgb(0, 98, 255); margin-left: 10px; cursor: pointer;" @click="chakanzhaopian(item)">查看照片</div>
                </div>
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">证件号码：</div>
                  <div>{{item.id_card_num}}</div>
                </div>
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">收件人：</div>
                  <div>{{item.address_name}}</div>
                </div>
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">联系电话：</div>
                  <div>{{item.address_mobile}}</div>
                </div>
                <div class="kflexc " style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">收货地址：</div>
                  <div class="shengluehao">{{item.address}}</div>
                </div>
              </div>
            </div>
            <div style="padding: 12px 20px; flex: 1; background: #fff;">
              <div style="color: rgb(51, 51, 51); margin-bottom: 15px;">订单状态</div>
              <div style="font-size: 14px; color: rgb(102, 102, 102); height: 150px; overflow: hidden;">
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">订单状态：</div>
                  <div>{{item.status_name}}</div>
                </div>
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">激活状态：</div>
                  <div>{{item.active_status_name}}</div>
                </div>
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">交易状态：</div>
                  <div>{{item.refund_status_name}}</div>
                </div>
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">激活时间：</div>
                  <div>{{item.activated_at}}</div>
                </div>
              </div>
            </div>
            <div style="padding: 12px 20px; flex: 2; background: #fff;">
              <div style="color: rgb(51, 51, 51); margin-bottom: 15px;">生产/物流信息</div>
              <div style="font-size: 14px; color: rgb(102, 102, 102); height: 150px; overflow: hidden;">
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">生产号码：</div>
                  <div>{{item.plan_mobile_produced}}</div>
                </div>

                <!-- <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">订单状态：</div>
                  <div>{{item.status_name}}</div>
                </div> -->
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">物流公司：</div>
                  <div>{{item.tracking_company}}</div>
                </div>
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;">
                  <div style="color: rgb(102, 102, 102);">物流单号：</div>
                  <div>{{item.tracking_number}}</div>
                </div>
                <div class="kflexc" style="margin-bottom: 10px; color: #515151;" v-if="item.tracking_details">

                  <div v-if="item.tracking_details.length>0"><span style="color: rgb(102, 102, 102);">物流状态：</span>{{item.tracking_details[0].accept_station.slice(0,50)}}...<span style="color: rgb(0, 98, 255); float: right; margin-left: 10px; cursor: pointer;" @click="chakanwuliu(item.tracking_details)">查看详情</span></div>



                  <div v-if="item.tracking_details.length == 0"><span style="color: rgb(102, 102, 102);">物流状态：</span>暂无</div>

                </div>
              </div>
            </div>
            <div style="padding: 12px 20px; flex: 1; background: #fff;">
              <div style="color: rgb(51, 51, 51); margin-bottom: 15px;">联系用户</div>
              <div style="font-size: 14px; color: rgb(102, 102, 102); height: 150px; overflow: hidden;">
                <div class="kflexc ll" style="margin-bottom: 20px;">
                  <div>沟通结果：</div>
                  <div>
                    <el-dropdown trigger="click" @command="handleCommand($event,item)">
                  <span class="el-dropdown-link">
                    <el-button type="info" size="small" round v-if="item.call_status == 1">未联系</el-button>
                    <el-button type="warning" size="small" round v-if="item.call_status == 2">未接通</el-button>
                    <el-button type="success" size="small" round v-if="item.call_status == 3">已同意</el-button>
                    <el-button type="danger" size="small" round v-if="item.call_status == 4">不同意</el-button>
                    <el-button type="danger" class="d55" size="small" round v-if="item.call_status == 5">后续跟进</el-button>
                    <el-button type="danger" class="d66" size="small" round v-if="item.call_status == 6">有资源再联系</el-button>
                    <i class="el-icon-arrow-down el-icon--right"></i>
                  </span>
                  <el-dropdown-menu slot="dropdown" >
                    <el-dropdown-item command="1">
                      <el-button type="info" size="small" style="margin: 10px 0;" round>未联系</el-button>
                    </el-dropdown-item>
                    <el-dropdown-item command="2">
                      <el-button type="warning" size="small" style="margin: 10px 0;" round>未接通</el-button>
                    </el-dropdown-item>
                    <el-dropdown-item command="3">
                      <el-button type="success" size="small" style="margin: 10px 0;" round>已同意</el-button>
                    </el-dropdown-item>
                    <el-dropdown-item command="4">
                      <el-button type="danger" size="small" style="margin: 10px 0;" round>不同意</el-button>
                    </el-dropdown-item>
                    <el-dropdown-item command="5">
                      <el-button type="danger" size="small" class="d55" style="margin: 10px 0;" round>后续跟进</el-button>
                    </el-dropdown-item>
                    <el-dropdown-item command="6">
                      <el-button type="danger" size="small" class="d66" style="margin: 10px 0;" round>有资源再联系</el-button>
                    </el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>
                  </div>
                </div>
                <div class="kflexc">
                  <!-- <div style="color: rgb(0, 98, 255); cursor: pointer; margin-right: 20px;" class="kflexc"  @click="waihu(item.id)">
                    <div><img src="https://file.storep.91haoka.cn/gantanhao/wxdianhua.png" style="margin-right: 10px; display: block;"></div>
                    <div>开始外呼</div>
                  </div> -->
                  <div style="color: #999999;" v-if="item.order_call == '已拨打'">已拨打</div>
                  <div style="color: #FA8B14;" v-if="item.order_call == '未拨打'">未拨打</div>

                </div>


                <!-- <div style="color: rgb(0, 98, 255);">发送短信</div> -->
              </div>
            </div>
          </div>
        </div>
      </div>
      <div style="padding: 20px;"><el-pagination style="text-align: right;" background layout="total,prev, pager, next" :current-page="search.page" @current-change="fanye" :page-size="search.page_size" :total="total"></el-pagination></div>

    </div>

    <el-dialog title="配置订单列表" :visible.sync="log" width="500px" :close-on-click-modal="false">
      <div class="kflexc" style="margin-bottom: 20px;">
        <div style="margin-right: 20px;">商品编码</div>
        <div>
          <el-select  v-model="configs.goods_sku" clearable multiple filterable collapse-tags placeholder="请选择商品编码">
          	<el-option v-for="item in allprolist2" :key="item.id" :label="item.title + '/' + item.fetch_code"	:value="item.id"></el-option>
          </el-select>
        </div>
      </div>
      <div class="kflexc" style="margin-bottom: 20px;">
        <div style="margin-right: 20px;">订单状态</div>
        <div>
          <el-select  v-model="configs.order_status" multiple clearable collapse-tags placeholder="订单状态">
          	<el-option label="已发货" value="550">已发货</el-option>
<!--          	<el-option label="开卡中" value="470">开卡中</el-option>
          	<el-option label="开卡失败" value="-460">开卡失败</el-option>
            <el-option label="待发货" value="500">待发货</el-option> -->
          </el-select>
        </div>
      </div>
    	<div class="kflexc" style="margin-bottom: 20px;">
    	  <div style="margin-right: 20px;">激活状态</div>
    	  <div>
    	    <el-select style="" v-model="configs.active_status" multiple clearable collapse-tags placeholder="激活状态">
    	    	<el-option label="无" value="0">无</el-option>
    	    	<el-option label="已激活" value="100">已激活</el-option>
    	    	<el-option label="激活且充值" value="200">激活且充值</el-option>
    	    </el-select>
    	  </div>
    	</div>


    	<div style="text-align:center">
        <el-button round @click="log = false">取消</el-button>
    		<el-button type="danger" round @click="postconfig">确定</el-button>
    	</div>
    </el-dialog>

    <el-dialog center  title="物流信息" :visible.sync="wuliulog" :close-on-click-modal="false" width="1254px">
    	<el-timeline>
    	    <el-timeline-item
    	      v-for="(activity, index) in activities"
    	      :key="index"
    	      :timestamp="activity.accept_time">
    	      {{activity.accept_station}}
    	    </el-timeline-item>
    	</el-timeline>
    	<div slot="footer" class="dialog-footer">
    		<el-button type="danger" round @click="wuliulog = false">好的</el-button>
    	</div>
    </el-dialog>

    <el-dialog center  title="查看照片" :visible.sync="seephotolog2" :close-on-click-modal="false" width="1254px">
    	<div v-loading='seephotoloading'>
    		<div class="logflex">
    			<div class="proimg" v-if="xiugaixinxiall.face != ''"><img :src="xiugaixinxiall.face" /></div>
    			<div class="proimg" v-if="xiugaixinxiall.face == ''">暂无照片</div>
    			<div class="proimg" v-if="xiugaixinxiall.back != ''"><img :src="xiugaixinxiall.back" /></div>
    			<div class="proimg" v-if="xiugaixinxiall.back == ''">暂无照片</div>
    			<div class="proimg" v-if="xiugaixinxiall.hand != ''"><img :src="xiugaixinxiall.hand" /></div>
    			<div class="proimg" v-if="xiugaixinxiall.hand == ''">暂无照片</div>
    		</div>
    		<!-- <div class="logflex" v-if="act == 3">
    			<div class="proimg" v-if="choose.face != ''"><img @click="fixpic($event,'face')" :src="choose.face" /></div>
    			<div class="proimg" v-if="choose.face == ''">暂无照片</div>
    			<div class="proimg" v-if="choose.back != ''"><img @click="fixpic($event,'back')" :src="choose.back" /></div>
    			<div class="proimg" v-if="choose.back == ''">暂无照片</div>
    			<div class="proimg" v-if="choose.hand != ''"><img @click="fixpic($event,'hand')" :src="choose.hand" /></div>
    			<div class="proimg" v-if="choose.hand == ''">暂无照片</div>
    		</div> -->
    	</div>
    	<div slot="footer" class="dialog-footer">
    		<el-button type="danger" round @click="seephotolog2 = false">好的</el-button>
    	</div>
    </el-dialog>

    <el-dialog center  title="修改信息" :close-on-click-modal="false" :visible.sync="xiugaixinxilog" width="600px" style="color: #666666">
    	<div>
    		<el-form ref="form" @submit.native.prevent :model="form" label-width="120px">
    			<el-form-item label="收货人：">
    				<el-input v-model="xiugaixinxiall.address_name"></el-input>
    			</el-form-item>
    			<el-form-item label="身份证姓名：">
    				<el-input v-model="xiugaixinxiall.id_card_name"></el-input>
    			</el-form-item>
    			<el-form-item label="身份证号：">
    				<el-input v-model="xiugaixinxiall.id_card_num"></el-input>
    			</el-form-item>
    			<el-form-item label="联系电话：">
    				<el-input v-model="xiugaixinxiall.address_mobile"></el-input>
    			</el-form-item>
    			<el-form-item label="收货地址：">
    				<el-cascader style="width:100%" size="large" :options="areaoptions" v-model="selectedOptions" @change="handleChange"></el-cascader>
    				<span style="color: #077ECE; cursor: pointer;" @click="handssq = true">没找到？手动填写</span>
    			</el-form-item>
    			<div class="ssq" v-if="handssq">
    				<el-form-item label="手动填写：">
    					<el-input v-model="xiugaixinxiall.address_province" style="margin-bottom: 22px;" placeholder="省"></el-input>
    					<el-input v-model="xiugaixinxiall.address_city" style="margin-bottom: 22px;" placeholder="市"></el-input>
    					<el-input v-model="xiugaixinxiall.address_district"  placeholder="区"></el-input>
    				</el-form-item>
    			</div>
          <el-form-item label="镇：">
          	<el-input v-model="xiugaixinxiall.town" style="width: 377px;" placeholder="请输入镇"></el-input>
          </el-form-item>
    			<el-form-item label="详细地址：">
    				<el-input v-model="xiugaixinxiall.address" style="width: 377px;" placeholder="请输入详细地址"></el-input>
    			</el-form-item>
    		</el-form>
    		<!-- <div style="padding-left: 20px;" v-if="amountchai.indexOf('-C') != -1">
    			<span style="color: #DD2727;">注：</span>
    			当前订单为拆分订单（电商平台购买数量大于2时自动拆分订单）该操作将同步修改其它拆分关联订单的订单信息。
    			<span>
    				<el-checkbox v-model="tongbu">同步修改</el-checkbox>
    			</span>
    		</div> -->
    	</div>

    	<div slot="footer" class="dialog-footer">
    		<el-button type="danger" round @click="updateInformation">确定</el-button>
    	</div>
    </el-dialog>

    <el-dialog
    title="转单记录" :visible.sync="isshowzhuan" width="900px">
    	<el-table :data="zhuanData" style="width: 100%">
    		<el-table-column
    			prop="page_title"
    			label="原套餐商品名称"
    			align="center">
    		</el-table-column>
    		<el-table-column
    			prop="page_fetch_code"
    			label="原套餐商品编码"
    			align="center">
    		</el-table-column>
        <el-table-column
        	prop="producer"
        	label="供应商"
        	align="center">
        </el-table-column>
    		<el-table-column
    			prop="to_page_title"
    			label="转单套餐商品名称"
    			align="center">
    		</el-table-column>
    		<el-table-column
    			prop="to_page_fetch_code"
    			label="转单套餐商品编码"
    			align="center">
    		</el-table-column>
    		<el-table-column
    			prop="created_at"
    			label="时间"
    			align="center">
    		</el-table-column>
    	</el-table>
      <div style="text-align: center;margin-top:30px ;">
        <el-button type="primary" @click="isshowzhuan = false">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
    		title="提示"
    		:visible.sync="zenglog"
    		width="400px">
    		<div>原订单ID：{{ zengid }}</div>
    </el-dialog>
    <el-dialog
      title="订单维系"
      :visible.sync="isshownorest"
      :close-on-click-modal="false"
      width="400px">
      <el-select v-model="novalue" placeholder="请选择">
        <el-option
          v-for="item in norestlist"
          :key="item.id"
          :label="item.reason"
          :value="item.id">
        </el-option>
      </el-select>
      <el-button type="text" @click="isshowsetrest = true" style="margin-left: 20px;" >定义原因</el-button>
      <div style="display: flex;justify-content: center;margin-top: 20px;">
        <el-button style="margin-right: 30px;" @click="isshownorest = false" round>取 消</el-button>
        <el-button type="danger" @click="editrest()" round>确 定</el-button>
      </div>
    </el-dialog>
    <el-dialog
      title="定义原因"
      :visible.sync="isshowsetrest"
      :close-on-click-modal="false"
      width="500px">
      <div v-for="(item,index) in norestlist" :key="index" style="display: flex;align-items: center;">
        <div style="width: calc(100% - 50px);">{{ item.reason }}</div>
        <el-button type="text" @click="delrest(item.id)"  >删除</el-button>
      </div>

      <div class="t_norest_box">
        <el-input size="medium" style="width: calc(100% - 100px);" v-model="inrest" maxlength="30" placeholder="请输入拒绝原因，不超过30个字"></el-input>
        <el-button @click="addrest" size="medium">添 加</el-button>
      </div>
      <div style="display: flex;justify-content: center;margin-top: 20px;">
        <el-button style="margin-right: 30px;" @click="isshowsetrest = false" round>取 消</el-button>
        <el-button type="danger" @click="isshowsetrest = false" round>确 定</el-button>
      </div>
    </el-dialog>

    <biaoqi ref="biaoqi" :biaoqiall="biaoqiall" @huoquhaobiaoqi='huoquhaobiaoqi' v-if="biaoqilog"></biaoqi>

    <xiugaihaoma ref="xiugaihaoma" :shengchanhaoma="xiugaihaomaall.shengchanhaoma" :id="xiugaihaomaall.shengchanorder_id" :dingdan_id="xiugaihaomaall.dingdan_id" :pick_number_rules="xiugaihaomaall.pick_number_rules" @huoquhaoma='huoquhaoma' v-if="relo"></xiugaihaoma>
    <mima2 ref="mima2" @daochumima="daochumima" @guanbi="guanbi" v-if="mima2show"></mima2>
  </div>
</template>

<script>
  import {daochupost} from '@/api'
  import moment from "moment";
  import {
  	regionData,
  	CodeToText,
  	TextToCode
  } from 'element-china-area-data'
  import axios from "axios";
  import xiugaihaoma from '@/components/productionManagement/Azujian/xiugaihaoma.vue'
  import mima2 from '@/components/productionManagement/Azujian/mima2.vue'
  import biaoqi from './log/biaoqi.vue'
  export default {
    components: {
      xiugaihaoma,mima2,biaoqi
    },
    name: "dingdanweixi",
    data() {
      return {

        mima2show:false,

        handssq:false,
        list:[],
        form:{},
        allprolist2:[],
        act:1,
        log:false,

        areaoptions: regionData,
        xiugaixinxilog:false,
        xiugaixinxiall:{},

        seephotolog2:false,
        choose:{},

        relo:false,
        xiugaihaomaall:{
          	dingdan_id:"",
          	shengchanorder_id:"",
          	pick_number_rules:"",
          	shengchanhaoma:"",
        },

        sjact:15,
        time:[],
        pickerOptions: {
            // disabledDate(time) {
            //   let curDate = (new Date()).getTime();
            //   let three = 15 * 24 * 3600 * 1000;
            //   let threeMonths = curDate - three;
            //   return time.getTime() > Date.now() || time.getTime() < threeMonths;;
            // }
        },

        configs:{
          goods_sku:[],
          order_status:[],
          active_status:[],
          query_config_type:1
        },

        total:0,
        search:{
          tab_value:"",
          status:[],
          sources:[],
          active_status:[],
          sms_status:"",
          good_sku:[],
          page:1,
          page_size:20,
          start_time:"",
          end_time:"",
          order_call:0,
          source:[],
          source_type:[],
          call_status:[] //1-未联系、2-未接通、3-同意、4-不同意
        },

        isshowzhuan:false,
        zhuanData:[],

        sourcelist:[],
        configs2:{},

        jiekou:1,
        jiekoustatus:"",

        tablists:[],
        tracking_subscription:100,
        loading:true,

        activities:"",
        wuliulog:false,

        zengid:"",
        zenglog:false,

        old_value:"",

        biaoqiall:{
          id:"",
          source_id:""
        },
        biaoqilog:false,
        isshownorest:false,
        norestlist: [],
        novalue: '',
        isshowsetrest:false,
        inrest:'',
        nowcom:'',
        nowitem:{},
        iscanadd:true,

        laiyuans:[],
        source_types:[],
      }
    },
    created() {
      this.getlaiyuan()

      this.getdingyue()

      this.getmessagesource()

      let p = new Promise((res,rej)=>{
        axios.get('/api/order_maintenance/tab_list')
          .then(response => {
            if (response.data.msg.code == 0) {
              this.tablists = response.data.data
              this.search.tab_value = this.$route.query.tab || response.data.data[0].value
              this.loading = false
              res(1)
            } else {
              this.$message.error(response.data.msg.info);
              res(1)
            }
          })
      })
      p.then(()=>{
        this.chushihua()
      })

      //获取所有产品
      axios.get("/api/gth/order-pages/select_all?status=100&_page_size=2000")
      	.then(response=> {
      		if (response.data.msg.code == 0) {
      			this.allprolist2 = response.data.data.data
      		}
      	})

      axios.get('/api/order_maintenance/query_conditoins')
        .then(response => {
          if (response.data.msg.code == 0) {
            this.configs2 = response.data.data
          } else {
            this.$message.error(response.data.msg.info);
          }
        })

      axios.get('/api/form/channels?page_size=300')
        .then(response => {
          if (response.data.msg.code == 0) {
            this.source_types = response.data.data.data
          } else {
            this.$message.error(response.data.msg.info);
          }
        })


    },
    mounted() {

    },
    methods: {
      daochux:function(val){

        let obj = {
          tab_value:this.search.tab_value,
          status:this.search.status,
          sources:this.search.sources.toString(),
          active_status:this.search.active_status.toString(),
          sms_status:this.search.sms_status,
          good_sku:this.search.good_sku.toString(),
          page:this.search.page,
          page_size:this.search.page_size,
          start_time:this.search.start_time,
          end_time:this.search.end_time,
          call_status:this.search.call_status.toString(),
          order_call:this.search.order_call,
          source:this.search.source.toString(),
          source_type:this.search.source_type,
          is_plain_text_display:0
        }

        if(val){
          obj.is_plain_text_display = 1
        }

        daochupost('/api/order_maintenance/export',obj)
      },
      changelaiyuan:function(){
        this.search.source = ''
        this.getlaiyuan()
      },
      getlaiyuan:function(){

        axios.get("/api/form/channel/sources?channel_ids="+this.search.source_type)
            .then(response=> {
                if (response.data.msg.code == 0) {
                    this.laiyuans = response.data.data
                }else{
                    this.$message.error(response.data.msg.info);
                }
            })
      },

      huoquhaobiaoqi:function(){
        this.getlist()
      },
      choosecolorid:function(id,source_id){
        this.biaoqiall = {
          id:id,
          source_id:source_id
        }
        this.biaoqilog = false
        this.$nextTick(()=>{
          this.biaoqilog = true
        })
      },

      todetail_s(id,status){
      	this.$router.push({
      		path: '/tousugongdan/checkts',
      		query:{id:id,tab:5}
      	})
      },
      waihu:function(id){
        window.open(window.location.origin +  window.location.pathname+"#/callsystem/newcalls/waihuzhongxin/calldig?orderid="+id)
      },
      waihu2:function(){
        window.open(window.location.origin +  window.location.pathname+"#/callsystem/newcalls/waihuzhongxin/calldig?tab="+this.search.tab_value+'&source_type='+this.search.source_type+'&source='+this.search.source+'&active_status='+this.search.active_status+'&page_id='+this.search.good_sku+'&start='+this.search.start_time+'&end='+this.search.end_time)
      },
      chakanwuliu:function(item){
        this.activities = JSON.parse(JSON.stringify(item))
        this.wuliulog = true
      },
      getdingyue:function(){
        axios.get('/api/plan-market/merchant/store/config/info')
          .then(response => {
            if (response.data.msg.code == 0) {
              this.tracking_subscription = response.data.data.tracking_subscription
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },
      dingyue:function(val){
        axios.post('/api/plan-market/merchant/store/config/tracking_sub',{tracking_subscription:val})
          .then(response => {
            if (response.data.msg.code == 0) {
              this.getdingyue()
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },
      jiekouchange:function(tab_value){
        this.old_value = this.search.tab_value
        this.search.tab_value = tab_value
        this.getlist()
      },
      chushihua:function(){

        this.time = [moment().subtract(15, 'days').format('YYYY-MM-DD 00:00:00'), moment().format('YYYY-MM-DD 23:59:59')]
        this.search.start_time = this.time[0]
        this.search.end_time = this.time[1]
        this.getlist()


      },

      xiazaimingwen: function(id) {
        this.mima2show = true
        this.$nextTick(()=>{
          this.$refs.mima2.mimalog = true
        })
      },

      guanbi:function(){
        this.mima2show = false
      },

      daochumima:function(mima){
        let obj = JSON.parse(JSON.stringify(this.search))
        obj.password = mima
        axios.post('/api/plan-market/order/list/export/new',obj)
          .then(response => {
            if (response.data.msg.code == 0) {
               this.$router.push('/order_export_weixi')
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },

      //获取来源
      getmessagesource:function(){
        axios.get("/api/form/channel/sources")
            .then(response=> {
                if (response.data.msg.code == 0) {
                    this.sourcelist = response.data.data
                }else{
                    this.$message.error(response.data.msg.info);
                }
            })
      },

      changetime:function(val){
        this.sjact = val
        if(val == 0){
          this.time = [moment().format('YYYY-MM-DD 00:00:00'), moment().format('YYYY-MM-DD HH:mm:ss')]
          this.search.start_time = this.time[0]
          this.search.end_time = this.time[1]
        }
        if(val == 1){
          this.time = [moment().subtract(1, 'days').format('YYYY-MM-DD 00:00:00'), moment().subtract(1, 'days').format('YYYY-MM-DD 23:59:59')]
          this.search.start_time = this.time[0]
          this.search.end_time = this.time[1]
        }
        if(val == 3){
          this.time = [moment().subtract(3, 'days').format('YYYY-MM-DD 00:00:00'), moment().format('YYYY-MM-DD HH:mm:ss')]
          this.search.start_time = this.time[0]
          this.search.end_time = this.time[1]
        }
        if(val == 7){
          this.time = [moment().subtract(7, 'days').format('YYYY-MM-DD 00:00:00'), moment().format('YYYY-MM-DD HH:mm:ss')]
          this.search.start_time = this.time[0]
          this.search.end_time = this.time[1]
        }
        if(val == 15){
          this.time = [moment().subtract(15, 'days').format('YYYY-MM-DD 00:00:00'), moment().format('YYYY-MM-DD HH:mm:ss')]
          this.search.start_time = this.time[0]
          this.search.end_time = this.time[1]
        }
        if(val == 100){
          this.search.start_time = this.time[0]
          this.search.end_time = this.time[1]
        }
        this.getlist()
      },
      xiugaizhuangtai:function(item){
        axios.post('/api/plan-market/set/order/call/status',{
          order_id:item.id,
          call_status:item.call_status
        }).then(response => {
        		if(response.data.msg.code==0){

        		}else{
        			this.$message.error(response.data.msg.info);
        		}
        	})
      },
      checkzeng:function(orderid){
        this.zengid = orderid
        this.zenglog = true
      },
      checkzhuan(id){
      	axios.post('/api/plan-market/order/transfer/list',{id: id}).then(response => {
      			if(response.data.msg.code==0){
      				this.isshowzhuan = true
      				this.zhuanData = response.data.data
      			}else{
      				this.$message.error(response.data.msg.info);
      			}
      		})
      },

      daochu:function(){
        axios.post('/api/plan-market/order/list/export/new',this.search)
          .then(response => {
            if (response.data.msg.code == 0) {

            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },
      searchgo:function(){
        this.search.page = 1
        this.getlist()
      },
      //翻页
      fanye: function(page) {
        this.search.page = page
        this.getlist()
      },
      getlist:function(){

        let obj = {
          tab_value:this.search.tab_value,
          status:this.search.status,
          sources:this.search.sources.toString(),
          active_status:this.search.active_status.toString(),
          sms_status:this.search.sms_status,
          good_sku:this.search.good_sku.toString(),
          page:this.search.page,
          page_size:this.search.page_size,
          start_time:this.search.start_time,
          end_time:this.search.end_time,
          call_status:this.search.call_status.toString(),
          order_call:this.search.order_call,
          source:this.search.source.toString(),
          source_type:this.search.source_type
        }
        axios.post('/api/order_maintenance/list',obj)
          .then(response => {
            if (response.data.msg.code == 0) {

              for (var i in response.data.data.data) {
              	if (response.data.data.data[i].flag == 0) {
              		response.data.data.data[i].flag = "#e4dfd7";
              	}
              	if (response.data.data.data[i].flag == 1) {
              		response.data.data.data[i].flag = "#ee3f4d";
              	}
              	if (response.data.data.data[i].flag == 2) {
              		response.data.data.data[i].flag = "#ebb10d";
              	}
              	if (response.data.data.data[i].flag == 3) {
              		response.data.data.data[i].flag = "#229453";
              	}
              	if (response.data.data.data[i].flag == 4) {
              		response.data.data.data[i].flag = "#2775b6";
              	}
              	if (response.data.data.data[i].flag == 5) {
              		response.data.data.data[i].flag = "#8076a3";
              	}
              }

              this.list = response.data.data.data
              this.total = response.data.data.total
            } else {
              this.$message.error(response.data.msg.info);
              this.search.tab_value = this.old_value
            }
          })
      },
      getconfig:function(){
         return new Promise((res,rej)=>{
           axios.get('/api/plan-market/get/shop/config',{params:{
             query_config_type:1
           }})
             .then(response => {
               if (response.data.msg.code == 0) {
                 this.configs = response.data.data
                 res('ok')
               } else {
                 this.$message.error(response.data.msg.info);
               }
             })
         })
      },
      postconfig:function(){
        this.configs.query_config_type = 1
        axios.post('/api/plan-market/set/shop/config',this.configs)
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message.success('配置成功');
              this.log = false
              this.getlist()
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
      },
      xiugaixinxi:function(item){

        item.address_mobile = this.decrypt(item.encrypt_address_mobile)
        item.address = this.decrypt(item.encrypt_address)

        this.xiugaixinxiall = JSON.parse(JSON.stringify(item))

        var city = [];
        try {
        	if (this.xiugaixinxiall.address_province != "") {
        		city.push(TextToCode[this.xiugaixinxiall.address_province].code)
        	}
        	if (this.xiugaixinxiall.address_city != "") {
        		city.push(TextToCode[this.xiugaixinxiall.address_province][this.xiugaixinxiall.address_city].code)
        	}
        	if (this.xiugaixinxiall.address_district != "") {
        		city.push(TextToCode[this.xiugaixinxiall.address_province][this.xiugaixinxiall.address_city][this.xiugaixinxiall.address_district].code)
        	}
        } catch (err) {

        }
        this.selectedOptions = city;
        this.handssq = false
        this.xiugaixinxilog = true
      },
      //修改地址
      handleChange(value) {

      	this.xiugaixinxiall.address_province_code = value[0];
      	this.xiugaixinxiall.address_city_code = value[1];
      	this.xiugaixinxiall.address_district_code = value[2];

      	this.xiugaixinxiall.address_province = CodeToText[value[0]];
      	this.xiugaixinxiall.address_city = CodeToText[value[1]];
      	this.xiugaixinxiall.address_district = CodeToText[value[2]];

      },
      updateInformation:function(){

        let obj = {
          id:this.xiugaixinxiall.id,
          'address':this.xiugaixinxiall.address,
          'address_province':this.xiugaixinxiall.address_province,
          'address_city':this.xiugaixinxiall.address_city,
          'address_district':this.xiugaixinxiall.address_district,
          'address_mobile':this.xiugaixinxiall.address_mobile,
          'address_name':this.xiugaixinxiall.address_name,
          'id_card_name':this.xiugaixinxiall.id_card_name,
          'id_card_num':this.xiugaixinxiall.id_card_num,
          'town':this.xiugaixinxiall.town
        }

        axios.post("/api/plan-market/order/info/update", obj)
        	.then(response => {
        		if (response.data.msg.code == 0) {

              axios.post("/api/plan-market/user/initial-approval",{id: this.xiugaixinxiall.id}).then(response => {
              	if (response.data.msg.code != 0) {
              		this.$message.error(response.data.msg.info);
              	} else {

                  this.getlist()
                  this.$message.success('修改成功,已提交至初审');
                  this.xiugaixinxilog = false

              	}
              });


        		} else {
        		  this.$message.error(response.data.msg.info);
        		}
          })
      },

      chakanzhaopian:function(item){
        this.xiugaixinxiall = JSON.parse(JSON.stringify(item))
        console.log()
        this.seephotolog2 = true
      },

      huoquhaoma:function(val){
        this.relo = false
      },

      xiugaihaoma:function(val){
        // this.xiugaihaomaall.dingdan_id = item.id
        // this.xiugaihaomaall.shengchanorder_id = response.data.data.order_pages_id
        // this.xiugaihaomaall.pick_number_rules = response.data.data.pick_number_rules
        // this.xiugaihaomaall.shengchanhaoma = item.plan_mobile

        this.relo = false
        this.$nextTick(()=>{
          this.relo = true
        })
      },

      peizhikai:function(){
        this.getconfig().then((res)=>{
          const selected = this.configs.goods_sku.map(value =>
            this.allprolist2.find(option => option.fetch_code === value)
          ).filter(Boolean);
          const notSelected = this.allprolist2.filter(
            option => !this.configs.goods_sku.includes(option.fetch_code)
          );
          this.allprolist2 = [...selected, ...notSelected]
          this.log = true
        })

      },

      copy:function(txt){
        console.log(txt.toString())
        this.$copyText(txt.toString()).then(res => {
        	this.$message.success("复制成功");
        })
      },
      handleCommand(command,item) {
        this.nowcom = command
        this.nowitem = item
        if(command==4){
          this.getrest()
          this.isshownorest = true
          this.novalue = ''
        }else{
          this.editrest()
        }

      },
      editrest(){
        if(this.nowcom==4){
          if(!this.novalue){
            this.$message.error('请选择原因');
            return
          }
        }
        axios.post('/api/plan-market/set/order/call/status',{
          order_id:this.nowitem.id,
          call_status:this.nowcom,
          reason_id:this.novalue
        }).then(response => {
        		if(response.data.msg.code==0){
              this.isshownorest = false
              this.$message.success('修改成功');
              this.getlist()
        		}else{
        			this.$message.error(response.data.msg.info);
        		}
        })
      },
      addrest(){
        if(this.iscanadd){
          this.iscanadd = false
          axios.post('/api/plan-market/call/add/refuse/reason',{
            reason:this.inrest
          }).then(response => {
              this.iscanadd = true
              if(response.data.msg.code==0){
                this.$message.success('添加成功');
                this.getrest()
                this.inrest = ''
              }else{
                this.$message.error(response.data.msg.info);
              }
          })
        }

      },
      getrest(){
        axios.get('/api/plan-market/call/get/refuse/reason').then(response => {
              if(response.data.msg.code==0){
                console.log('失败原因')
                console.log(response.data)
                this.norestlist = response.data.data
              }else{
                this.$message.error(response.data.msg.info);
              }
          })
      },
      delrest(id){
        axios.post('/api/plan-market/call/del/refuse/reason',{
          id:id
        }).then(response => {
        		if(response.data.msg.code==0){
              this.$message.success('删除成功');
              this.getrest()
        		}else{
        			this.$message.error(response.data.msg.info);
        		}
        })
      },
    }
  }
</script>
<style>

</style>
<style lang="scss" scoped>

  .dingdanweixi {


    /deep/ .el-button--warning{background-color: #FB9C00; border-color: #FB9C00;}
    .ll{
      /deep/ .el-input__inner{ width: 100px !important;}
    }
    .logflex {
    	display: flex;
    	justify-content: space-around;
    	flex-wrap: wrap;
      gap: 20px;
    	/deep/ .el-button--primary {

    	}
    }


    .logflex .proimg {
    	display: flex;
    	justify-content: center;
    	align-items: center;
      flex: 1;
    	height: 265px;
    	background: #eaeaea;
    }

    .logflex .proimg img {
    	max-width: 100%;
    	max-height: 100%;
    }
    .act{ background: #fff; color: #2974FF; border-radius: 10px 10px 0 0; position: relative;
      &::after{
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        background: #2974FF;
        height: 3px;
        width: 30px;
        margin-left: -15px; bottom: 0; border-radius: 2px;
      }
    }

    /deep/ .el-pagination.is-background .btn-prev:disabled{ background: rgba(246, 246, 246, 0.3); border: 1px rgba(167, 167, 167, 0.3) solid;}
    /deep/ .el-pagination.is-background .btn-next:disabled{ background: rgba(246, 246, 246, 0.3); border: 1px rgba(167, 167, 167, 0.3) solid;}
    /deep/ .el-pagination.is-background .btn-next{ background: rgba(246, 246, 246,1); border: 1px rgba(167, 167, 167,1) solid;}
    /deep/ .el-pagination.is-background .btn-prev{ background: rgba(246, 246, 246,1); border: 1px rgba(167, 167, 167,1) solid;}
    /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{ background-color: #2974FF;}
    /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
        color: #fff;
    }
    /deep/ .el-pagination.is-background .el-pager li:not(.disabled):hover {
        color: #2974FF;
    }
    /deep/ .el-pager li{ border-radius: 14px; background: rgba(255, 255, 255, 1); border: 1px rgba(167, 167, 167, 0.3) solid;}
    /deep/ .btn-prev{ border-radius: 14px; padding: 0 10px;}
    /deep/ .btn-next{ border-radius: 14px; padding: 0 10px;}

    /deep/ .el-range-input{ background: rgb(247, 248, 250);  border: 0;}
    /deep/ .el-input{ width: auto;}
    /deep/ .el-input__inner{ width: 250px; background: rgb(247, 248, 250);  border: 0;}
    /deep/ .el-button--danger {
      color: #FFF;
      background-color: #2974FF;
      border-color: #2974FF;
    }
    .sj{ margin-right: 20px; cursor: pointer; padding: 7.5px 13px; border-radius: 25px;}
    .sjact{ background: #EEF7FF; border: 1px solid #2974FF; color: #2974FF; padding: 7.5px 13px; border-radius: 25px;}
  }
</style>
<style scoped>
.t_norest_box{
  margin-top: 20px;
  margin-bottom: 20px;
}
/deep/.t_norest_box .el-input__inner{
  width: 100% !important;
}
</style>
